/* .header-bg{background-image: url(../images/public/header_bg_index2.png);} */
/* .index-main > .col-lg-c1{width: 25.5%;}
.index-main > .col-lg-c2{width: 74.5%;} */
@media (max-width: 480px) {
    body .pt40{padding-top: 25px;}
    body .mb40{margin-bottom: 25px;}
    body .mb30{margin-bottom: 20px;}
    .bg-lightblue .m-com-more{margin-top: 0;}
    .com-tit-b2 h2,
    .com-tit-b h2{font-size: 1.75em;}
}

/* 头条 */
.index-toutiao{text-align: center; background: #fff; padding: 25px 20px;}
.index-toutiao h3{font-size: 2.25em; line-height: 1.4; font-weight: bold;}
.index-toutiao a{color: #DB2323;}

@media (max-width: 992px) {
  .index-toutiao h3{font-size: 1.75em;}
}
@media (max-width: 768px) {
  .index-toutiao h3{font-size: 1.375em;}
}
@media (max-width: 480px) {
  .index-toutiao{background: none; padding: 0;}
  .index-toutiao h3{font-size: 1.25em;}
}

/* 图片新闻 */
.index-tpxw{position: relative;}
.index-tpxw .swiper-slide{background: #fff;}
.index-tpxw .swiper-slide .imgratio{padding-top: 56.3%;}
.index-tpxw .swiper-slide .tit{position: absolute; right: 0; bottom: 0; left: 0; z-index: 9; padding: 12px 90px 12px 20px; line-height: 24px; text-align: left; background:rgba(0,0,0,0.5);}
.index-tpxw .swiper-slide .tit a{color: #fff;}
.index-tpxw .swiper-pagination{bottom: 12px;}

/* 政务要闻 */
.index-zwyw{height: 385px; overflow: hidden; margin-right: 20px;}
.index-zwyw .hd{margin-bottom: 10px;}
.index-zwyw .hd li{float: left; padding-bottom: 15px; font-size: 1.5em; position: relative;}
.index-zwyw .hd li a{color: #808080; font-weight: bold;}
.index-zwyw .hd li + li{margin-left: 32px;}
.index-zwyw .hd li:after{content: ''; position: absolute; left: 0; right: 0; width: 0; margin: 0 auto; bottom: 0; height: 7px; background: url(../images/index/tab_hd_on.png) no-repeat center bottom; background-size: auto 100%; transition: .3s all;}
.index-zwyw .hd li.on:after{width: 100%;}
.index-zwyw .hd li.on a{color: #155CB3;}
@media (max-width: 1500px) {
  .index-zwyw .hd li + li{margin-left: 20px;}
  .index-zwyw{height: 330px;}
}
@media (max-width: 1280px) {
  .index-zwyw{height: auto; margin-right: 0;}
}
@media (max-width: 768px) {
  .index-zwyw > .hd ul{margin: -10px -5px 0;}
  .index-zwyw > .hd ul li{margin:10px 5px 0 !important; padding: 0; border-bottom:none; font-size: 1.125em;}
  .index-zwyw > .hd ul li a{display: block; padding:7px 12px !important; line-height:1.5; background-color:#f1f1f1; color: #666;}
  .index-zwyw > .hd ul li.on a{color:#fff; background-color:#1a56a8;}
  .index-zwyw > .hd li:after{display: none;}
  .index-zwyw .bd > .item > .newsList{margin-top: 0;}
}
@media (max-width: 480px) {
  .index-zwyw > .hd ul li{font-size: 1em;}
  .index-zwyw > .hd ul li a{padding:7px !important;}
}
@media (max-width: 390px) {
  .index-zwyw > .hd ul{margin: -5px -2.5px 0;}
  .index-zwyw > .hd ul li{margin: 5px 2.5px 0!important;}
  .index-zwyw > .hd ul li a{padding:5px!important;}
}


/* 横幅 */
.index-hf img{display: block; width: 100%;}

/* 政务公开 */
.index-zcwjk{height: 84px; padding: 18px 170px 18px 215px; box-sizing: border-box; border: #e5e8eb 1px solid; background: #fff; position: relative;}
.index-zcwjk h3{position: absolute; top: 21px; left: 25px; height: 42px; line-height: 42px; font-size: 1.625em; background: url(../images/index/zcwjk_bg.png) no-repeat left center; background-size: auto 100%; padding-left: 37px;letter-spacing: 2px;}
.index-zcwjk h3 span{color: #C92626;}

.index-zcwjk .ss{height: 38px; padding: 5px 94px 5px 10px; position: relative; border-radius: 4px; background: #FFFFFF; border: 1px solid #C3D3E6;}
.index-zcwjk .ss .sbtn{position: absolute; right: 5px; top: 5px; bottom: 5px; width: 84px; background: url(../images/index/zcwjk_icon_ss.png) no-repeat 14px center #005293; background-size: 15px 15px; font-size: 0.9375em; color: #FFFFFF; border: 0; cursor: pointer; padding-left: 38px; text-align: left; box-sizing: border-box; border-radius: 2px;}
.index-zcwjk .ss .stxt{width: 100%; height: 38px; border: 0;}

.index-gzk a{display: block; position: absolute; right: 20px; top: 22px; width: 130px; height: 42px; line-height: 42px; border-radius: 0 0 10px 0; font-size: 1.125em; color: #fff; font-weight: bold; background: #A81010; background: rgba(168, 16, 16, 1); box-shadow: 3.65px 3.65px 0px  rgba(207, 103, 103, 0.26);} 
.index-gzk img{width: 20px; margin-right: 10px; position: absolute; left: 18px; top: 0; bottom: 0; margin: auto 0;}
.index-gzk span{margin-left: 48px;}


.index-zxzc{height: 321px; border: #e9e9e9 1px solid; background: #fff; padding-left: 25px; padding-right: 25px;}
.index-zxzc .hd{padding-top: 22px;}

.index-zfxxgkpt img{display: block; height: 84px; width: 100%;}
.zfxxgk-cardlist li a{display: block; height: 94px; background: url(../images/index/zwgk_btn_border.png) no-repeat; background-size: 100% 100%; text-align: center; color: #235495; font-size: 1.25em; transition: .3s all;}
.zfxxgk-cardlist li a:after{content: ''; width: 0; height: 100%;}
.zfxxgk-cardlist li a:after,
.zfxxgk-cardlist li a span{display: inline-block;  vertical-align: middle;}
.zfxxgk-cardlist li a:hover{color: #fff; background-image: url(../images/index/zwgk_btn_border_on.png);}

.index-xxgknav{position: relative;}
.index-xxgknav:before{content: ''; height: 0; position: absolute; left: 0; width: 100%; top: 71px; border-top: #578BC7 1px dashed;}
.index-xxgknav li{position: relative; z-index: 1;}
.index-xxgknav li .icon{width: 142px; height: 142px; padding: 10px; margin:0 auto 10px; background: url(../images/index/xxgk_nav_bg.png) no-repeat center center; background-size:142px 142px; border-radius: 50%; overflow: hidden; transition: .3s all;}
.index-xxgknav li .icon img{ height: 60px; margin: 35px auto 0;}
.index-xxgknav li .icon img.normal{display: block;}
.index-xxgknav li .icon img.active{display: none;}
.index-xxgknav li .tit{display: block; text-align: center; font-size: 1.125em;}
.index-xxgknav li .icon:hover{ background-size:100% 100%; background-image: url(../images/index/xxgk_nav_bg_on.png);}
.index-xxgknav li .icon:hover img.normal{display: none;}
.index-xxgknav li .icon:hover img.active{display: block;}

.index-hf1 img{height: 100px;}





@media (max-width: 1280px) {
  .index-hf1 img{height: auto;}
  .index-xxgknav.col6 li{width: 33.3333%; margin-bottom: 20px;}
  .index-xxgknav:before{display: none;}
  .index-zfxxgkpt img{height: auto;}
  .zfxxgk-cardlist{margin-bottom: 30px;}
  .index-zxzc{height: auto; padding-bottom: 15px; padding-left: 20px; padding-right: 20px;}
}

@media (max-width: 992px) {
  .zfxxgk-cardlist li a{height: 74px;}
}

@media (max-width: 768px) {
  .index-zcwjk h3{position: static; margin-bottom: 20px; font-size: 1.375em;}
  .index-zcwjk{padding-left: 20px; padding-right: 20px;}
  .index-zcwjk{height: auto;}
  .index-xxgknav.col6 li{width: 50%;}
}

@media (max-width: 640px) {
  .zfxxgk-cardlist li a{height: 64px;}
  .index-xxgknav li .icon{width: 100px;height: 100px;background-size: 100%;}
  .index-xxgknav li .icon img{height: 50px;margin-top: 18px;}
}

@media (max-width: 480px) {
  .index-gzk a{position: relative; top: auto; left: auto; right: auto; margin-top: 10px; width: 100%;}

  .zfxxgk-cardlist.cardlist{margin-top: 0px;margin-left: -5px;margin-right: -5px;}
  .zfxxgk-cardlist.cardlist li .box{margin: 10px 5px 0;}
  .zfxxgk-cardlist.cardlist li .box a{height: 50px;font-size: 1em;}
  .index-xxgknav li .tit{font-size: 1em;}
  .index-xxgknav li .icon{width: 66px;height: 66px;}
  .index-xxgknav li .icon img{height: 35px;margin-top: 14px;}
}

/* 政务服务 */
.index-zwfw .hd{text-align: center; margin-bottom: 34px;}
.index-zwfw .hd li{display: inline-block;}
.index-zwfw .hd li a{display: block; width: 175px; height: 56px; background: url(../images/index/zwfw_hd.png) no-repeat; background-size: 100% 100%; text-align: center; line-height: 56px; font-size: 1.5em; color: #2668B8; font-weight: bold; margin: 0 18px; transition: .3s all;}
.index-zwfw .hd li.on a{background-image: url(../images/index/zwfw_hd_on.png); color: #fff;}
.index-zwfw-cardlist li .box{height: 180px; position: relative; background: #EBF6FF; overflow: hidden;}
.index-zwfw-cardlist li .shadow{position: absolute; right: -28%; bottom: -20%;}
.index-zwfw-cardlist li .icon img{height: 54px; display: block; margin: 35px auto 20px;}
.index-zwfw-cardlist li .icon img.normal{display: block;}
.index-zwfw-cardlist li .icon img.active{display: none;}
.index-zwfw-cardlist li .box:hover img.normal{display: none;}
.index-zwfw-cardlist li .box:hover img.active{display: block;}
.index-zwfw-cardlist li .tit{display: block; text-align: center; font-size: 1.375em;}
.index-zwfw-cardlist li .box:hover{background: rgba(34, 84, 149, 1); box-shadow: 3px 9px 24px  rgba(0, 0, 0, 0.1);}
.index-zwfw-cardlist li .box:hover .tit{color: #fff;}
.index-zwfw-cardlist li .box:after{content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 6px; background: #993131; transition: .3s all;}
.index-zwfw-cardlist li .box:hover:after{width: 100%;}
.index-zwfw-fr.index-zwfw-cardlist li .shadow{right: -10%; bottom: -4%;}

@media (max-width: 1280px) {
  .index-zwfw-cardlist.col5 li{width: 33.33333%;}
}
@media (max-width: 768px) {
  /* .index-zwfw-cardlist.col5 li{width: 50%;} */
}
@media (max-width: 640px) {
  .index-zwfw-cardlist li .box{height: 110px;}
  .index-zwfw-cardlist li .shadow{max-height: 70%;}
  .index-zwfw-cardlist li .icon img{height: 40px;margin:20px auto 8px;}
  .index-zwfw-cardlist li .tit{font-size: 1.125em;}
}
@media (max-width: 480px) {
  .index-zwfw .hd{margin-bottom: 20px;}
  .index-zwfw .hd li{float: left; width: 50%;}
  .index-zwfw .hd li a{width: auto; margin-left: 5px; margin-right: 5px;line-height: 46px;height: 46px;font-size: 1.25em;}

  .index-zwfw-cardlist li .box{height: 95px;}
  .index-zwfw-cardlist li .icon img{height: 30px;}
  .index-zwfw-cardlist li .tit{font-size: 1em;}

  .index-zwfw-gr-swiper,
  .index-zwfw-fr-swiper{margin-bottom: 0;padding-bottom: 0;}
  
}

.index-hf2 > .col-lg-c1{width: 40%;}
.index-hf2 > .col-lg-c2{width: 60%;}
.index-hf2 > .col-lg-c2 .cardlist.col2 li{width:33.3%;}
.index-hf2 img{height: 100px; width: 100%;}
.index-hf2 .cardlist img{height: 100px; width: 100%;}
@media (max-width: 1280px) {
  .index-hf2 img{height: auto !important;}
  .index-hf2 .cardlist{margin-bottom: 30px;}
}
@media (max-width: 768px) {
  .index-zwfww{margin-bottom: 20px;}
  .index-hf2 .cardlist li{width: 100%;}
}
@media (max-width: 480px) {
    .index-hf2 .cardlist{margin-bottom: 15px;}
}

/* 政民互动 */
.index-zmhd-row1 > .col-lg-c1{width: 60%;}
.index-zmhd-row1 > .col-lg-c2{width: 40%;}
.index-zxft,
.index-yjzj{height: 305px; background: #fff; padding: 25px; box-sizing: border-box;}
.index-zxft-cont{position: relative; min-height: 200px;}
.index-zxft-pic{position: absolute; left: 0; top: 0; height: 200px; width: 320px; border-radius: 6px; overflow: hidden;}
.index-zxft-pic img{display: block; width: 100%; height: 100%;}
.index-zxft-txt{margin-left: 340px; font-size: 1.125em;}
.index-zxft-txt dl{position: relative; min-height: 35px; line-height: 35px;}
.index-zxft-txt dl dt{position: absolute; left: 0; top: 0; width: 86px; height: 35px; line-height: 35px; text-align: center; border-radius: 4px; background: #EBF1FA;}
.index-zxft-txt dl dd{margin-left: 96px;}
.index-zxft-txt dl + dl{margin-top: 14px;}

.index-yjzj-list li{position: relative; padding-bottom: 20px;}
.index-yjzj-list li:last-child{padding-bottom: 0;}
.index-yjzj-list li .box{padding-left: 25px; position: relative;}
.index-yjzj-list li:before{content: ''; background: #E8E8E8; width: 1px; position: absolute; top: 0; bottom: 0; left: 5px;}
.index-yjzj-list li .attr{ margin-bottom: 5px;}
.index-yjzj-list li .status{color: #808080; margin-right: 20px; margin-bottom: 13px;}
.index-yjzj-list li .status.ing{color: #015293;}
.index-yjzj-list li .time{color: #808080;}
.index-yjzj-list li .time b{font-weight: normal;}
.index-yjzj-list li .tit{line-height: 32px; max-height: 64px; font-size: 1.125em;}

.index-yjzj-list li .box i{position: absolute; left: 0; top: 4px; width: 10px; height: 10px; border-radius: 50%; border: #A6A6A6 1px solid; transition: .3s all;}
.index-yjzj-list li .box i:after{content: ''; position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #A6A6A6; left: 0; top: 0; right: 0; bottom: 0; margin: auto; transition: .3s all;}
.index-yjzj-list li:hover .box i{border-color: #155CB3;}
.index-yjzj-list li:hover .box i:after{background: #155CB3;}

.index-zxft .bd .infolist,
.index-yjzj .bd .infolist{margin-top: -8px;}

.index-zmhd-menu{background: #fff; padding-top: 15px; padding-bottom: 15px;}
.index-zmhd-menu li .box{padding-top: 8px; padding-bottom: 8px;}
.index-zmhd-menu li .box .icon{width: 55px; height: 55px;}
.index-zmhd-menu.splitline li .box:before{background: #E5E5E5;}

@media (max-width: 1280px) {
  .index-zxft, .index-yjzj{height: auto;}
}

@media (max-width: 992px) {
  .index-zmhd-menu-swiper .swiper-container{background: #fff;}
  .index-zmhd-menu-swiper .cardlist-menu.splitline li:nth-child(2n) .box:before{display: block;}
}
@media (max-width: 768px) {
  .index-zxft-pic{position: static; margin-bottom: 20px; width: auto; height: auto;}

  .index-zxft-txt{margin-left: 0;}
}
@media (max-width: 480px) {
    .index-yjzj-list li .tit,
    .index-zxft-txt{font-size: 1em;}
    .index-yjzj-list li .attr{font-size: .9375em;}
    .index-yjzj-list li .tit,
    .index-zxft-txt dl{line-height: 1.3;}
}


/* 专题专栏 */
.index-ztzl .com-tit-b2 a:hover{color: #D43030;}
/* .index-ztzl-swiper .swiper-slide .imgratio{padding-top: 38.4%;} */
.index-ztzl-swiper .swiper-ctrl-button{background: #fff; box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);}

/* 智能推荐 */
.index-zntj{position: absolute; right: 100%; top: 130px; z-index: 99;}
.index-zntj .cont{position: absolute; left: 58px; top: 0; background: #6aacf5; padding: 10px 20px; width: 340px; display: none;}
.index-zntj .tit{width: 58px; height: 156px; background: url(../images/index/zntj_titbg.png) no-repeat; background-size: 100% 100%; color: #fff; text-align: center; font-weight: bold; cursor: pointer;}
.index-zntj .tit h3{ font-size: 1.25em; padding: 25px 10px 0; margin-left: 10px; font-weight: bold;}
.index-zntj .infolist li a{color: #fff; transition: .3s all;}
.index-zntj .infolist li a:hover{color: #005293;}
.index-zntj:hover .cont{display: block;}
@media (max-width: 768px) {
  .index-zntj{display: none;}
}
#piaochuang{position: fixed;bottom: 0;right: 0;width: 325px;z-index: 99999;cursor: pointer;}
#piaochuang .close-btn{position: absolute;top:0px;right: 0px;cursor: pointer;}
@media (max-width:768px){
  #piaochuang{display: none;}
}
